<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>Title</title>
    <!--css样式-->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="/Public/Pc/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="/Public/Pc/css/index.css" rel="stylesheet" type="text/css"/>
    <link href="/Public/Pc/css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/Public/Pc/js/jquery.min.js"></script>
    <script type="text/javascript" src="/Public/Pc/js/bootstrap.min.js"></script>
    <style type="text/css">
  #drag{ 
    position: relative;
    background-color: #e8e8e8;
    width: 300px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 34px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url("/Public/Pc/images/huadong.png") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("/Public/Pc/images/enter.png") no-repeat center;
}
#drag .drag_bg{
    background-color: #7ac23c;
    height: 34px;
    width: 0px;
}
#drag .drag_text{
    position: absolute;
    top: 0px;
    width: 300px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none; 
}
</style>
</head>
<body>
<!--主页面-->
<div class="container">
<!--页头内容-->
<header>
<!--网站灰色首页导航-->
        <div class="header_nav">
            <div class="header_nav_left"><?php echo ($city); ?><div class="glyphicon glyphicon-map-marker"></div></div>
            <div class="header_nav_right">
                <menu class="header_nav_ul">
                    <?php if($_SESSION['username']== true): ?><li>欢迎您，<a href="#"><?php echo (session('username')); ?></a></li><?php else: ?><li>您好，请<a href='javascript:;' data-toggle="modal" data-target="#login"  onclick="accountPassword()">登录</a></li><?php endif; ?>
                    <li><a href="javascript:;" data-toggle="modal" data-target="#login"  onclick="accountPassword()">免费注册</a></li>
                    <li><a href="">我的订单</a></li>
                    <li><a href="">购物车</a></li>
                    <li class="btn-group" onmousemove="menumove(this)" onmouseout="menuout(this)">
                        <a class="btn-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        个人中心<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">账户设置</a></li>
                            <li><a href="/index.php/Pc/User/quit">退出登录</a></li>
                        </ul>
                    </li>
                    <li class="btn-group" onmousemove="menumove(this)" onmouseout="menuout(this)">
                        <a class="btn-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            客户服务<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">联系我们</a></li>
                            <li><a href="#">售后服务</a></li>
                        </ul>
                    </li>
                </menu>
            </div>
        </div>
<!--页头LOGO、搜索框、扫码关注-->
        <div class="header_lsm">
            <div class="header_div_logo">
                <span class="div_logo_img"><img class="img-responsive" src="/Public/Pc/images/logo.jpg"/></span>
                <span class="div_logo_down"><span class="glyphicon glyphicon-th-large"></span>全部分类</span>
            </div>
            <div class="header_div_search">
                <div class="header_search">
                    <input type="text" class="search_input" placeholder="打印纸">
                    <span class="btn_search">搜索</span>
                </div>
                <div class="header_search_about">
                    <a href="">打印纸类</a>
                    <a href="">打印纸类</a>
                    <a href="">打印纸类</a>
                    <a href="">打印纸类</a>
                </div>
            </div>
            <div class="header_div_weixin">
                <span class="span_special"><img class="div_weixin_logo img-responsive" src="/Public/Pc/images/weixin.jpg"/></span>
                <span>关注我们的微信公众号</span>
                <span>了解最新优惠活动</span>
            </div>
        </div>
 </header>

<!--网页中间内容-->
<div class="content">
<!--侧栏导航、轮播图-->
        <div class="content_nav_carousel">
            <div class="content_nav" onmousemove="btn(this)" onmouseout="out(this)">
                <ul class="content_nav_left">
                    <?php if(is_array($goods_type_parent)): $i = 0; $__LIST__ = $goods_type_parent;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$value): $mod = ($i % 2 );++$i;?><li id="li<?php echo ($value["type_id"]); ?>" onmousemove="btnmove(this)">
                           <?php echo ($value["type_name"]); ?><span class="glyphicon glyphicon-menu-right"></span>
                       </li><?php endforeach; endif; else: echo "" ;endif; ?>
                </ul>
                <div class="content_nav_right" onmousemove="move(this)">
                    <?php if(is_array($goods_type_parent)): $i = 0; $__LIST__ = $goods_type_parent;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$value): $mod = ($i % 2 );++$i;?><ul id="ul<?php echo ($value["type_id"]); ?>">
                           <?php if(is_array($goods_type)): $i = 0; $__LIST__ = $goods_type;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$value2): $mod = ($i % 2 );++$i; if(($value2['main_type_id']) == ($value['type_id'])): ?><li><a href="#"><?php echo ($value2["type_name"]); ?></a></li><?php endif; endforeach; endif; else: echo "" ;endif; ?>
                       </ul><?php endforeach; endif; else: echo "" ;endif; ?>
                   
                </div>
            </div>
            <div id="carousel-example-generic" class="content_carousel carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="<?php echo ($goods_carousel[0]["goods_carousel_img"]); ?>" />
                        </div>
                        <div class="item">
                            <img src="<?php echo ($goods_carousel[1]["goods_carousel_img"]); ?>" />
                        </div>
                        <div class="item">
                            <img src="<?php echo ($goods_carousel[2]["goods_carousel_img"]); ?>" />
                        </div>
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
            </div>
        </div>
<!--广告栏img*4    -->
        <div class="content_banner">
            <div class="content_banner_img"><a href=""><img class="img-responsive" src="<?php echo ($goods[17]["goods_image"]); ?>"/></a></div>
            <div class="content_banner_img"><a href=""><img class="img-responsive" src="<?php echo ($goods[18]["goods_image"]); ?>"/></a></div>
            <div class="content_banner_img"><a href=""><img class="img-responsive" src="<?php echo ($goods[19]["goods_image"]); ?>"/></a></div>
            <div class="content_banner_img"><a href=""><img class="img-responsive" src="<?php echo ($goods[20]["goods_image"]); ?>"/></a></div>
        </div>
<!--新品上架div    -->
        <div class="content_new">
            <div class="content_new_title">
                <span class="new_title_left">新品上架</span>
                <a href="#" class="new_title_right">查看更多<span class="new_lookmore"><span class="glyphicon glyphicon-chevron-right"></span></span></a>
            </div>
            <div class="content_new_img">

                <div class="new_img_a"><a class="imggray" href=""><div class="new_font_a">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[0]["goods_image"]); ?>"/></a></div>
                <div class="new_img_b">
                    <div class="new_img_b1">
                        <a class="imggray" href=""><div class="new_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[1]["goods_image"]); ?>"/></a>
                        <a class="imggray" href=""><div class="new_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[2]["goods_image"]); ?>"/></a>
                    </div>
                    <div class="new_img_b2">
                        <a class="imggray" href=""><div class="new_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[3]["goods_image"]); ?>"/></a>
                        <a class="imggray" href=""><div class="new_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[4]["goods_image"]); ?>"/></a>
                    </div>
                    <div class="new_img_b3">
                        <a class="imggray" href=""><div class="new_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[5]["goods_image"]); ?>"/></a>
                        <a class="imggray" href=""><div class="new_font_b">&yen;50.62</div><img class=" img-responsive" src="<?php echo ($is_new_goods[6]["goods_image"]); ?>"/></a>
                    </div>
                </div>
            </div>
            <div class="new_banner"><a href=""><img class="img-responsive" src="<?php echo ($banner[0]["banner_image"]); ?>"/></a></div>
        </div>
<!--热销商品div    -->
        <div class="content_hot">
            <div class="content_hot_title">
                <span class="hot_title_bottom">
                    <span class="hot_title_left">热销商品</span>
                    <span class="hot_title_right">
                        <a href="">打印纸</a>/
                        <a href="">打印纸</a>/
                        <a href="">打印纸</a>/
                        <a href="">查看更多</a>/
                    </span>
                </span>
            </div>
            <div class="hot_img">
                <div class="hot_img_a"><a class="imggray" href=""><div class="hot_font_a">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[0]["goods_image"]); ?>"/></a></div>
                <div class="hot_img_b">
                    <div class="hot_img_b1">
                        <a class="imggray" href=""><div class="hot_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[1]["goods_image"]); ?>"/></a>
                        <a class="imggray" href=""><div class="hot_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[2]["goods_image"]); ?>"/></a>
                    </div>
                    <div class="hot_img_b2">
                        <a class="imggray" href=""><div class="hot_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[3]["goods_image"]); ?>"/></a>
                        <a class="imggray" href=""><div class="hot_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[4]["goods_image"]); ?>"/></a>
                    </div>
                    <div class="hot_img_b3">
                        <a class="imggray" href=""><div class="hot_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[5]["goods_image"]); ?>"/></a>
                        <a class="imggray" href=""><div class="hot_font_b">&yen;50.62</div><img class="img-responsive" src="<?php echo ($is_new_goods[6]["goods_image"]); ?>"/></a>
                    </div>
                </div>
            </div>
<!--广告轮播组 *2  -->
            <div class="hot_carousel">
                <!-- Controls -->
                <span onclick="controlsbtn()" class="hot_controls_left"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></span>
                <!--carousel banner_div-->
                <div class="hot_carousel_div">
                        <div id="carousel1" class="carousel_div_img">
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[17]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[18]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[19]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[20]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[17]["goods_image"]); ?>" alt="..."/></a></span>
                        </div>
                        <div id="carousel2" class="carousel_div_img">
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[20]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[19]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[18]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[17]["goods_image"]); ?>" alt="..."/></a></span>
                            <span><a href=""><img class="img-responsive" src="<?php echo ($goods[20]["goods_image"]); ?>" alt="..."/></a></span>
                        </div>
                </div>
                <!-- Controls -->
                <span onclick="controlsbtn()" class="hot_controls_right"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></span>
            </div>
            <div class="hot_banner"><a href=""><img class="img-responsive" src="<?php echo ($banner[1]["banner_image"]); ?>"/></a></div>
        </div>
</div>
<!--页尾-->
<footer>
        <div class="footer_service">
            <span class="service_flex"></span>
            <menu class="service_flex footer_nav">
                <a href="">关于我们</a>
                <a href="">联系我们</a>
                <a href="">帮助中心</a>
                <a href="">咨询客服</a>
            </menu>
            <div class="service_flex ontop"><span id="ontop" class="ontop_div"><span class="glyphicon glyphicon-menu-up"></span>返回顶部</span></div>
        </div>
        <div class="footer_message">
            <span>版权所欲@4165163326与521566526262636.com</span>
            <span>版权所欲@4165163326与521566526262636.com</span>
        </div>
</footer>
</div>
<!--js文件夹下的jQuery库和js封装函数-->
<script type="text/javascript" src="/Public/Pc/js/index.js"></script>
<script type="text/javascript" src="/Public/Pc/js/effect.js"></script>

<div class="container-fluid">
  <!-- 模态框 -->
  <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="login" id="login" aria-hidden="true" data-backdrop="static" data-keyboard="false">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title"><strong>得力商城&nbsp;·&nbsp;<small class="textSmall">登录</small></strong></h4>
          </div>
          <div class="modal-body">

          <!-- 登录 -->
          <form method="post" action="/index.php/Pc/User/login" id="log">
              
            <div class="row">

              <!-- 用户名 -->
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-user"></span>
                  </span>
                  <input type="text" class="form-control" name="mobile" placeholder="请输入手机号" id="phoneLog" aria-describedby="sizing-addon2"  data-container="body" data-toggle="popover" data-placement="right" data-content="请输入正确的11位手机号">
                </div>
              </div>

              <!-- 密码框 -->
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="password" class="form-control" placeholder="请输入密码" name="password" id="pwdLog" aria-describedby="sizing-addon2" data-container="body" data-toggle="popover" data-placement="right" data-content="请输入6-16位字母、数字和符号">
                </div>
              </div>

              <!-- 滑块验证 -->
              <div class="col-md-10 col-md-offset-1">
                  <div id="drag"></div>
              </div>

              <!-- 登录按钮 -->
              <div class="col-md-10 col-md-offset-1">
                <button type="submit" class="btn btn-primary btn-lg">登录</button>
              </div>

              <!-- 忘记密码 -->
              <div class="col-md-10 col-md-offset-1">
                <a href="javascript:void(0);" class="pull-right" onclick="forgetBtn()">忘记密码了？</a>
              </div>

          </div>


          <!-- 注册其他登录 -->
          <div class="modal-footer">
            <a href="javascript:void(0);" class="pull-left" onclick="registeredBut()">注册</a>
            <a href="javascript:void(0);" class="pull-right" onclick="weixinBtn()">其他登录</a>
          </div>
          </form>

          <!-- 注册 -->
          <form method="post" action="/index.php/Pc/User/register" id="registered">
              
            <div class="row">

              <!-- 用户名 -->
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-user"></span>
                  </span>
                  <input type="text" class="form-control" name="mobile" id="phoneReg" placeholder="请输入手机号" aria-describedby="sizing-addon2" data-container="body" data-toggle="popover" data-placement="right" data-content="请输入正确的11位手机号">
                </div>
              </div>
               <!-- 昵称框 -->
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="text" name="username" class="form-control" placeholder="请输入昵称" aria-describedby="sizing-addon2" data-container="body" data-toggle="popover" data-placement="right">
                </div>
              </div>
              <!-- 密码框 -->
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="password" name="password" id="pwdReg" class="form-control" placeholder="密码(6-16位字母、数字和符号)" aria-describedby="sizing-addon2" data-container="body" data-toggle="popover" data-placement="right" data-content="请输入6-16位字母、数字和符号">
                </div>
              </div>
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="password" name="password2" id="pwdFirm" class="form-control" placeholder="确认密码" aria-describedby="sizing-addon2" data-container="body" data-toggle="popover" data-placement="right" data-content="密码不一致">
                </div>
              </div>

                <!-- 验证码 -->
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="text" name="verify" id="input_verify" class="form-control" placeholder="确认验证码" />
                  <span class="input-group-btn">
                    <button class="btn btn-default obtain" id="verify" type="button" style="border-radius: 0;width: 160px;text-shadow: none;background: #5cb85c;color: #fff;">获取手机验证码</button>
                  </span>
                </div>
              </div>

              <!-- 注册按钮 -->
              <div class="col-md-10 col-md-offset-1">
                <button type="submit" class="btn btn-primary btn-lg">注册</button>
              </div>

          </div>

          <!-- 账号密码登录和其他登录 -->
          <div class="modal-footer">
            <div class="pull-right">
              <a href="javascript:void(0);" onclick="accountPassword()">账号密码登录</a>&nbsp;/&nbsp;
            <a href="javascript:void(0);" onclick="weixinBtn()">其他登录</a>
            </div>
          </div>

          </form>


          <!-- 其他登录（微信扫一扫） -->
          <form method="post" action="" id="weixinlog">
              
            <div class="row">

              <div class="col-md-10 col-md-offset-1">
                <h4 class="text-center">其他登录方式</h4>
              </div>

              <!-- 微信 -->
              <div class="col-md-10 col-md-offset-1">
                <a href="/index.php/Pc/User/get_erweima" class="weixin" title="微信"> </a>
              </div>

          </div>

          <!-- 注册和账号密码登录 -->
          <div class="modal-footer">
              <a href="javascript:void(0);" class="pull-left" onclick="registeredBut()">注册</a>
              <a href="javascript:void(0);" class="pull-right" onclick="accountPassword()">账号密码登录</a>
          </div>

          </form>

          <!-- 忘记密码 -->
          <form method="post" action="" id="forget">
              
            <div class="row">
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-user"></span>
                  </span>
                  <input type="text" class="form-control" placeholder="请输入手机号" name="phoneFor" id="phoneFor" aria-describedby="sizing-addon2" data-container="body" data-toggle="popover" data-placement="right" data-content="请输入正确的11位手机号">
                </div>
              </div>
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="password" class="form-control" placeholder="请输入新密码" aria-describedby="sizing-addon2">
                </div>
              </div>
              <div class="col-md-10 col-md-offset-1">
                <div class="input-group input-group-lg">
                  <span class="input-group-addon" id="sizing-addon2">
                    <span class="glyphicon glyphicon-lock"></span>
                  </span>
                  <input type="password" class="form-control" placeholder="确认密码" aria-describedby="sizing-addon2">
                </div>
              </div>

              <!-- 注册确定按钮 -->
              <div class="col-md-10 col-md-offset-1">
                <button type="submit" class="btn btn-primary btn-lg">确定</button>
              </div>

          </div>

          <!-- 账号密码登录和其他登录 -->
          <div class="modal-footer">
            <div class="pull-right">
              <a href="javascript:void(0);" onclick="accountPassword()">账号密码登录</a>&nbsp;/&nbsp;
            <a href="javascript:void(0);" onclick="weixinBtn()">其他登录</a>
            </div>
          </div>

          </form>


        </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div>

</body>
</html>